.commm-player-main{
  width: 100%;
  height: 100%;
  background-color: rgb(0,21,41);
  display: flex;
  flex-direction: row;
  border: #032a52;
}
#container{
  width: 100%;
  height: calc(100% - 28px);
  background-color: rgb(0,21,41);
}
.buttons-div-pro{
  width: 100%;
  height: 28px;
  background-color: rgba(0, 0, 0, 0.98);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  top: 0;
  user-select: none;
  z-index: 10;
}
.player-btn{
  width: 20px;
  color: rgb(255, 255, 255);
  line-height: 27px;
  margin: 0px 10px;
  padding: 0px 2px;
  cursor: pointer;
  text-align: center;
  font-size: 0.8rem !important;
}

.buttons-div-right {
  position: absolute;
  right: 0;
}

.performance-span0{
  margin-top: 10px;
  margin-left: 10px;
  border-radius: 5px;
  width: 60px;
  height: 16px;
  font-size: 12px;
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: #fa541c;
  color: #FFFFFF;
}

.performance-span1{
  margin-top: 10px;
  margin-left: 10px;
  border-radius: 5px;
  width: 60px;
  height: 16px;
  font-size: 12px;
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: #056b05;
  color: #FFFFFF;
}
.performance-span2{
  margin-top: 10px;
  margin-left: 10px;
  border-radius: 5px;
  width: 60px;
  height: 16px;
  font-size: 12px;
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: #00ff00;
}

.rtcPlayer{
  width: 100%;
}
.webRtcPlayerBox{
  width: 100%;
  height: 100%;

  /*max-height: 56vh;*/
  background-color: #000;
}
